
<!DOCTYPE html>
<head>
<?php include_once VIEWS.'inc/head.php'; ?>
</head>

<body>
	<?php include_once VIEWS.'inc/header.php'; ?>
	<div class="main vision">
		<div class="abanner">
			<img src="<?php echo static_file('web/img/vision.jpg'); ?>" alt="">
			<div class="txt_box js-m txt_box2">
				<div class="tab">
					<div class="tab_cell">
						<div class="tit">业务领域 > 视觉创意</div>
						<div class="en">Visual<span>ideas</span></div>
						<div class="ico">
							<img src="<?php echo static_file('web/img/ico.png'); ?>" alt="">
						</div>
						<div class="txt">视觉创意</div>
					</div>
				</div>
			</div>
		</div>

		<?php include_once VIEWS.'inc/business_vision.php'; ?>
		<div class="tabs_m">
			<div class="tabs_tit">
				<h6>地产数字体验中心</h6>
				<div class="icon"><span></span></div>
			</div>
			<div class="tabs_con">
				<ul>
					<li>
						<a href="<?php echo site_url('business/vision'); ?>">
							企业数字视觉解决方案 
						</a>
					</li>
					<li>
						<a href="<?php echo site_url('business/vision/video'); ?>">
							影视动画
						</a>
					</li>
				</ul>
			</div>
		</div>

		<div class="vision_box vision_box2">
			<div class="tit_box js-m w1440">
				<div class="title">
					<div class="en">estate digital</div>
					<div class="cn">地产数字体验中心</div>
				</div>
				<div class="line"></div>
			</div>

			<div class="pro-swiper w1440 js-m">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="javascript:;">
								<div class="img_box">
									<div class="tu">
										<img src="<?php echo static_file('web/img/t1.jpg'); ?>" alt="">
									</div>
									<div class="bg"></div>
								</div>	
								<div class="txt">
									<div class="tab">
										<div class="tab_cell">
											<div class="cn">数字沙盘区</div>
											<div class="en">Brand culture show</div>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:;">
								<div class="img_box">
									<div class="tu">
										<img src="<?php echo static_file('web/img/t2.jpg'); ?>" alt="">
										<div class="mask"></div>
									</div>
									<div class="bg"></div>
								</div>	
								<div class="txt">
									<div class="tab">
										<div class="tab_cell">
											<div class="cn">样品体验区</div>
											<div class="en">R & D laboratory</div>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:;">
								<div class="img_box">
									<div class="tu">
										<img src="<?php echo static_file('web/img/t3.jpg'); ?>" alt="">
										<div class="mask"></div>
									</div>
									<div class="bg"></div>
								</div>	
								<div class="txt">
									<div class="tab">
										<div class="tab_cell">
											<div class="cn">品牌工艺区</div>
											<div class="en">Brand soft numbers package</div>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:;">
								<div class="img_box">
									<div class="tu">
										<img src="<?php echo static_file('web/img/t4.jpg'); ?>" alt="">
										<div class="mask"></div>
									</div>
									<div class="bg"></div>
								</div>	
								<div class="txt">
									<div class="tab">
										<div class="tab_cell">
											<div class="cn">客户洽谈区</div>
											<div class="en">Brand culture show</div>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:;">
								<div class="img_box">
									<div class="tu">
										<img src="<?php echo static_file('web/img/t5.jpg'); ?>" alt="">
										<div class="mask"></div>
									</div>
									<div class="bg"></div>
								</div>	
								<div class="txt">
									<div class="tab">
										<div class="tab_cell">
											<div class="cn">线上移动端</div>
											<div class="en">Brand culture show</div>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:;">
								<div class="img_box">
									<div class="tu">
										<img src="<?php echo static_file('web/img/ss.jpg'); ?>" alt="">
										<div class="mask"></div>
									</div>
									<div class="bg"></div>
								</div>	
								<div class="txt">
									<div class="tab">
										<div class="tab_cell">
											<div class="cn">线上移动端</div>
											<div class="en">Brand culture show</div>
										</div>
									</div>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="btn">
				<div class="btn_l"></div>
				<div class="btn_r"></div>
			</div>

			<div class="pro_box ajax-box js-m pro_box2">
				<div class="pbox w1440">
					<div class="tbox">
						<div class="line"></div>
						<div class="t">
							<div class="cn">品牌软性数字包装</div>
							<div class="en">Brand soft digital packaging</div>
						</div>
					</div>
					<div class="pro_top f-cb">
						<div class="pro_r" style="background:url(<?php echo static_file('web/img/sr.jpg'); ?>) no-repeat center center;background-size:cover"></div>
						<div class="pro_l">
							<div class="border"></div>
							<div class="t">三维影视动画片</div>
							<div class="d">解决问题</div>
							<div class="co">
								<ul>
									<li>沉浸式体验，无死角全方位游览样板间。</li>
									<li>多种风格设计，可随时根据客户品味调整装修风格。</li>
									<li>与众不同的体验，让客户对项目印象更深，传播更快。</li>
								</ul>
							</div>
						</div>
					</div>

					<div class="box">
						<ul class="f-cb">
							<li>
								<div class="tu">
									<img src="<?php echo static_file('web/img/z1.jpg'); ?>" alt="">
								</div>
								<div class="txt">项目影视动画片</div>
							</li>
							<li>
								<div class="tu">
									<img src="<?php echo static_file('web/img/z2.jpg'); ?>" alt="">
								</div>
								<div class="txt">项目影视动画片</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="pbg">
					<div class="pbox w1440">
						<div class="tbox">
							<div class="line"></div>
							<div class="t">
								<div class="cn">品牌软性数字包装</div>
								<div class="en">Brand soft digital packaging</div>
							</div>
						</div>
						<div class="pro_top f-cb">
							<div class="pro_r" style="background:url(<?php echo static_file('web/img/sr2.jpg'); ?>) no-repeat center center;background-size:cover"></div>
							<div class="pro_l">
								<div class="border"></div>
								<div class="t">公共信息查询</div>
								<div class="d">解决问题</div>
								<div class="co">
									<ul>
										<li>虚拟现实呈现项目信息，使视觉效果更佳。</li>
										<li>多功能互动体验，带给客户更智能的信息查询。</li>
										<li>数字化展项完整体现工艺技术，突显品牌的高端品质。</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					

					<div class="box w1440">
						<ul class="f-cb">
							<li>
								<div class="tu">
									<img src="<?php echo static_file('web/img/z3.jpg'); ?>" alt="">
								</div>
								<div class="txt">户型增强查询</div>
							</li>
							<li>
								<div class="tu">
									<img src="<?php echo static_file('web/img/z4.jpg'); ?>" alt="">
								</div>
								<div class="txt">公共查询一体机</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>

	<?php include_once VIEWS.'inc/footer.php'; ?>                          	
	<?php
		echo static_file('web/js/main.js');
		echo static_file('web/js/swiper2.css');	
		echo static_file('web/js/swiper2.min.js');
	?>
</body>
</html>

<script>
	$(function(){
		scrollAni();
		$('.position a').eq(1).addClass('active');
		$('.nav li').eq(1).addClass('active');
		

		var mySwiper = new Swiper('.pro-swiper .swiper-container',{
		    centeredSlides: true,
		    watchActiveIndex: true,
		    speed: 1000,
		    slidesPerView: 5,
		    // loop : true,
		    initialSlide :2,
		    calculateHeight : true,
		    onSlideClick: function(swiper){
	           mySwiper.swipeTo(swiper.clickedSlideIndex,1000);
	           //console.log($(swiper.clickedSlide).attr('data-id'));
	        },
	        onSlideChangeEnd: function(swiper){
	        	var id=$(swiper.clickedSlide).attr('data-id');
	        	var _url="<?php echo site_url('ajax/ajax_vision2'); ?>";
              	$('.ajax-box').empty().load(_url,function(){})
            }
	    });


	    $('.btn_l').click(function(){
	    	mySwiper.swipePrev(); 
	    });
	    $('.btn_r').click(function(){
	    	mySwiper.swipeNext(); 
	    });
	})


	
</script>






